<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>媒体</title>
</head>

<body>
    <audio src="./media/水边的阿狄丽娜--Richard Clayderman.mp3" muted autoplay controls></audio>
    <!-- 为了保证兼容性 -->
    <!-- <audio controls>
        
        <source src="./media/水边的阿狄丽娜--Richard Clayderman.mp3" type="audio/mpeg"/>
        <source src="./media/水边的阿狄丽娜--Richard Clayderman.ogg" type="audio/ogg"/>
        <source src="./media/水边的阿狄丽娜--Richard Clayderman.wav" type="audio/wav"/>
    </audio> -->
    <hr width="100px" align="left" color="red" >
    <video controls src="./media/big_buck_bunny_480p_5mb.mp4" height="800px" width="400px"></video>

</body>

</html>